@import "~styles/config.scss";

.countWrap {
    display: grid;
    grid-gap: 10px;
    grid-template-columns:1fr 1fr 1fr;
    border:1px solid $--border-color-lighter;
    background-color: #fff;
    
    .li {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height:64px;
        background-color: #fff;
        line-height:24px;
        border-left:1px solid $--border-color-lighter;
        font-size  : 14px;
        box-sizing: border-box;
        padding:0 14px 0 64px;
        position: relative;
        &:first-child{
            border-left-width:0;
        }
        .icon{
            position: absolute;
            top:15px; left:20px;
            line-height:34px;
            font-size: 24px;
            color:$--color-text-secondary;
        }
        .c1{
            font-size: 11px;
            color:$--color-text-secondary;
        }
        .c2{
            font-size: 20px; font-weight: bold;
        }
    }
}